<template>
  <el-dialog
    title="变更记录"
    :visible.sync="dialogVisible"
    width="50%"
    center
  >
    <el-table
      :data="recordList"
      border
      style="width: 100%"
      size="small"
    >
      <el-table-column
        prop="id"
        label="ID"
        width="80"
        align="center"
      />
      <el-table-column
        prop="oldValue"
        label="原值"
        width="150"
        align="center"
      />
      <el-table-column
        prop="newValue"
        label="新值"
        width="150"
        align="center"
      />
      <el-table-column
        prop="changeTime"
        label="变更时间"
        align="center"
      />
      <el-table-column
        prop="operator"
        label="操作人"
        width="120"
        align="center"
      />
    </el-table>
  </el-dialog>
</template>

<script>
export default {
  name: 'SureManDialog',
  data() {
    return {
      dialogVisible: false,
      userId: null,
      recordList: [
        {
          id: 1,
          oldValue: '张三',
          newValue: '李四',
          changeTime: '2023-12-01 10:00:00',
          operator: 'admin'
        },
      ]
    }
  },
  methods: {
    openDialog(userId) {
      this.userId = userId
      this.dialogVisible = true
    }
  }
}
</script>

<style scoped lang="less">

</style>
